<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Doanya</title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<div class="header">
  <div class="header_inner">
    <div class="header_logo"><a href="#"><img src="images/logo.gif" width="290" height="66" alt="" border="0" /></a></div>
    <div class="header_login">
      <div class="box">
        <div class="box_top"></div>
        <div class="box_body">
          <div>
            <input name="" type="text" class="text" style="width:90px;" />
            <input name="" type="text" class="text" style="width:90px;" />
            <input type="button" class="button" value="Login" />
          </div>
          <div><a href="#">&gt;&gt;Forgot your password</a></div>
        </div>
        <div class="box_bottom"></div>
      </div>
    </div>
    <div class="clear"></div>
    <div class="header_nav">
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Search Jobs</a></li>
        <li><a href="#">Post Job</a></li>
        <li><a href="#">Help</a></li>
        <li style="float:right;border:none;"><a href="#">Create Your Profile</a></li>
      </ul>
    </div>
  </div>
</div>
<div class="banner">
  <div class="banner_inner">
    <div class="vtab">
      <div class="vtab_head">
        <div class="vtab_title">
          <div onclick="vtabHandler(this, 1);" class="selected">Job-Seekers</div>
        </div>
        <div class="vtab_title">
          <div onclick="vtabHandler(this, 2);">Employers</div>
        </div>
      </div>
      <div class="vtab_body">
        <div id="vtab_body1">
          <div class="feature">
            <div class="feature_img"><img src="images/pic01.jpg" height="175" width="250" /></div>
            <div class="feature_main">
              <div class="feature_title">Featrues Display</div>
              <div class="feature_content">Each feature will is represented by a picture (from below). Once each button is pressed, this section changes accordingly, and briefly explains the feature.Each feature will is represented by a picture (from below). Once each button is pressed, this section changes accordingly, and briefly explains the feature.</div>
            </div>
            <div class="clear"></div>
          </div>
        </div>
        <div id="vtab_body2" style="display:none;"></div>
      </div>
      <div style="clear:both;"></div>
    </div>
  </div>
</div>
<div class="bodyer">
  <div class="bodyer_inner">
    <div class="box_left">
      <div class="box">
        <div class="box_head">Search Jobs</div>
        <div class="box_body">
          <div class="category">
            <div class="category_search">
              <input name="" type="text" class="text" style="width:193px;" />
              <input type="button" class="button" value="Search" />
            </div>
            <div class="category_head">Find Jobs by Category</div>
            <div class="category_body">
              <ul>
                <li><a href="o-13201">Accounting</a> / <a href="o-13205">Finance</a></li>
                <li><a href="o-43">Administration</a> / <a href="o-11301">Office</a></li>
                <li><a href="o-171">Architecture</a> / <a href="o-172">Engineering</a></li>
                <li><a href="o-271">Art</a> / <a href="o-271024">Graphic Design</a> / <a href="o-273">Media</a></li>
                <li><a href="o-19102">Biotech</a> / <a href="o-19">Science</a></li>
                <li><a href="o-43405">Customer Service</a></li>
                <li><a href="o-11101">Executive</a> / <a href="o-11">Management</a></li>
                <li><a href="c-Government">Government</a> / <a href="q-federal">Federal</a></li>
                <li><a href="o-29">Healthcare</a> / <a href="o-29111">Nursing</a></li>
                <li><a href="o-13107">Human Resources</a></li>
                <li><a href="o-11302">IT</a> / <a href="q-internet">Internet</a> / <a href="q-technology">Technology</a></li>
                <li><a href="o-23">Legal</a> / <a href="o-232">Paralegal</a></li>
              </ul>
            </div>
          </div>
          <div class="more"><a href="#">More &gt;&gt;</a></div>
        </div>
        <div class="box_bottom"></div>
      </div>
    </div>
    <div class="box_center">
      <div class="box">
        <div class="box_head">Recent Job Postings</div>
        <div class="box_body">
          <div class="job_list">
            <ul>
              <li><a href="#">Flight Simulator Engineer (US Airways)</a><br />
                HireDiversity.com</li>
              <li><a href="#">Car Detailer</a><br />
                National Car Rental / Alamo Rent A Car</li>
              <li><a href="#">TECHNICAL WRITER</a><br />
                JT3</li>
              <li><a href="#">Pickers/Packers</a><br />
                Joule Business Services</li>
              <li><a href="#">Director, Advertising Sales</a><br />
                Medical Research Company</li>
              <li><a href="#">TECHNICAL WRITER</a><br />
                JT3</li>
              <li><a href="#">Director, Advertising Sales</a><br />
                Medical Research Company</li>
            </ul>
          </div>
          <div class="more"><a href="#">More &gt;&gt;</a></div>
        </div>
        <div class="box_bottom"></div>
      </div>
    </div>
    <div class="box_right">
      <div class="box">
        <div class="box_head">Now Hiring</div>
        <div class="box_body">
          <div class="logo_list">
            <div class="logo_item">
              <div class="logo_img"><a href="#"><img src="images/logo/time.gif" height="27" width="70" /></a></div>
              <div class="logo_content"><a href="#">If you're here to find news about Simply Hired, you're in luck: we've got some.</a></div>
              <div class="clear"></div>
            </div>
            <div class="logo_item">
              <div class="logo_img"><a href="#"><img src="images/logo/time.gif" height="27" width="70" /></a></div>
              <div class="logo_content"><a href="#">If you're here to find news about Simply Hired, you're in luck: we've got some.</a></div>
              <div class="clear"></div>
            </div>
            <div class="logo_item">
              <div class="logo_img"><a href="#"><img src="images/logo/time.gif" height="27" width="70" /></a></div>
              <div class="logo_content"><a href="#">If you're here to find news about Simply Hired, you're in luck: we've got some.</a></div>
              <div class="clear"></div>
            </div>
            <div class="logo_item">
              <div class="logo_img"><a href="#"><img src="images/logo/time.gif" height="27" width="70" /></a></div>
              <div class="logo_content"><a href="#">If you're here to find news about Simply Hired, you're in luck: we've got some.</a></div>
              <div class="clear"></div>
            </div>
            <div class="logo_item">
              <div class="logo_img"><a href="#"><img src="images/logo/time.gif" height="27" width="70" /></a></div>
              <div class="logo_content"><a href="#">If you're here to find news about Simply Hired, you're in luck: we've got some.</a></div>
              <div class="clear"></div>
            </div>
          </div>
          <div class="more"><a href="#">More &gt;&gt;</a></div>
        </div>
        <div class="box_bottom"></div>
      </div>
    </div>
    <div class="clear"></div>
  </div>
</div>
<div class="footer">
  <div class="footer_inner">
    <div class="footer_body">
      <div class="copyright">Copyright 2009 <a href="#">Doanya</a>. All Right reserved.</div>
      <div class="links"><a href="#">About US</a> | <a href="#">Contact US</a> | <a href="#">FAQ</a> | <a href="#">Help</a> | <a href="#">Privacy Policy</a></div>
    </div>
  </div>
</div>
<script type="text/javascript">
function vtabHandler(o, id) {
	$(".vtab_title > div").attr("class", "");
	$(o).attr("class", "selected");
	$(".vtab_body > div").hide();
	$("#vtab_body"+id).fadeIn();
}
</script>
</body>
</html>
